/*
 * @Author: 郭招娣 10615594+guo-zhaodi@user.noreply.gitee.com
 * @Date: 2022-11-03 20:36:03
 * @LastEditors: 郭招娣 10615594+guo-zhaodi@user.noreply.gitee.com
 * @LastEditTime: 2022-11-04 08:18:55
 * @FilePath: \宏烨找房\agent\src\page\Message\index.jsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import React from 'react'
import { ArrowLeft, Ellipsis, Search } from '@react-vant/icons';
import { useNavigate } from 'react-router-dom'
import './index.css'

 const Message=()=> {
     const navigate = useNavigate();
     const back = () => {
         navigate('/home')
     }
  return (
    <div className='box'>
          {/* <div className="buyTop-box"> */}
              <div className='topHouse'>
                  <ArrowLeft onClick={() => back()} />
                  <b>城市圈</b>
                  <Ellipsis />
              </div>
              <div className="new-main">
                  <div className='new-main-box'>
                      <div className="new-main-item">
                          <div className="new-main-item-top">
                              <img src="https://w.wallhaven.cc/full/y8/wallhaven-y8622k.jpg" alt="" />
                              <span>王小强</span>
                          </div>
                          <div className='new-main-item-content'>
                              <div className="new-main-item-left">
                                  <span className='new-main-item-left-month'>4月</span>
                                  <span className='new-main-item-left-day'>04-28</span>
                              </div>
                              <div className="new-main-item-right">
                                  <div className='new-main-item-right-title'>预计明天开盘，啦啦啦...</div>
                                  <img className='new-main-item-right-img' src="https://w.wallhaven.cc/full/y8/wallhaven-y8622k.jpg" alt="" />
                                  <div className='new-main-item-del'>删除</div>
                              </div>
                          </div>
                          <div className='new-main-item-content'>
                              <div className="new-main-item-left">
                                  <span className='new-main-item-left-month'>4月</span>
                                  <span className='new-main-item-left-day'>04-28</span>
                              </div>
                              <div className="new-main-item-right">
                                  <div className='new-main-item-right-title'>预计明天开盘，啦啦啦...</div>
                                  <img className='new-main-item-right-img' src="https://w.wallhaven.cc/full/y8/wallhaven-y8622k.jpg" alt="" />
                                  <div className='new-main-item-del'>删除</div>
                              </div>
                          </div>

                      </div>
                      <div className="new-main-item">
                          <div className="new-main-item-top">
                              <img src="https://w.wallhaven.cc/full/y8/wallhaven-y8622k.jpg" alt="" />
                              <span>王小强</span>
                          </div>
                          <div className='new-main-item-content'>
                              <div className="new-main-item-left">
                                  <span className='new-main-item-left-month'>4月</span>
                                  <span className='new-main-item-left-day'>04-28</span>
                              </div>
                              <div className="new-main-item-right">
                                  <div className='new-main-item-right-title'>预计明天开盘，啦啦啦...</div>
                                  <img className='new-main-item-right-img' src="https://w.wallhaven.cc/full/y8/wallhaven-y8622k.jpg" alt="" />
                                  <div className='new-main-item-del'>删除</div>
                              </div>
                          </div>
                          <div className='new-main-item-content'>
                              <div className="new-main-item-left">
                                  <span className='new-main-item-left-month'>4月</span>
                                  <span className='new-main-item-left-day'>04-28</span>
                              </div>
                              <div className="new-main-item-right">
                                  <div className='new-main-item-right-title'>预计明天开盘，啦啦啦...</div>
                                  <img className='new-main-item-right-img' src="https://w.wallhaven.cc/full/y8/wallhaven-y8622k.jpg" alt="" />
                                  <div className='new-main-item-del'>删除</div>
                              </div>
                          </div>

                      </div>
                      <div className="new-main-item">
                          <div className="new-main-item-top">
                              <img src="https://w.wallhaven.cc/full/y8/wallhaven-y8622k.jpg" alt="" />
                              <span>王小强</span>
                          </div>
                          <div className='new-main-item-content'>
                              <div className="new-main-item-left">
                                  <span className='new-main-item-left-month'>4月</span>
                                  <span className='new-main-item-left-day'>04-28</span>
                              </div>
                              <div className="new-main-item-right">
                                  <div className='new-main-item-right-title'>预计明天开盘，啦啦啦...</div>
                                  <img className='new-main-item-right-img' src="https://w.wallhaven.cc/full/y8/wallhaven-y8622k.jpg" alt="" />
                                  <div className='new-main-item-del'>删除</div>
                              </div>
                          </div>
                          <div className='new-main-item-content'>
                              <div className="new-main-item-left">
                                  <span className='new-main-item-left-month'>4月</span>
                                  <span className='new-main-item-left-day'>04-28</span>
                              </div>
                              <div className="new-main-item-right">
                                  <div className='new-main-item-right-title'>预计明天开盘，啦啦啦...</div>
                                  <img className='new-main-item-right-img' src="https://w.wallhaven.cc/full/y8/wallhaven-y8622k.jpg" alt="" />
                                  <div className='new-main-item-del'>删除</div>
                              </div>
                          </div>

                      </div>
                      <div className="new-main-item">
                          <div className="new-main-item-top">
                              <img src="https://w.wallhaven.cc/full/y8/wallhaven-y8622k.jpg" alt="" />
                              <span>王小强</span>
                          </div>
                          <div className='new-main-item-content'>
                              <div className="new-main-item-left">
                                  <span className='new-main-item-left-month'>4月</span>
                                  <span className='new-main-item-left-day'>04-28</span>
                              </div>
                              <div className="new-main-item-right">
                                  <div className='new-main-item-right-title'>预计明天开盘，啦啦啦...</div>
                                  <img className='new-main-item-right-img' src="https://w.wallhaven.cc/full/y8/wallhaven-y8622k.jpg" alt="" />
                                  <div className='new-main-item-del'>删除</div>
                              </div>
                          </div>
                          <div className='new-main-item-content'>
                              <div className="new-main-item-left">
                                  <span className='new-main-item-left-month'>4月</span>
                                  <span className='new-main-item-left-day'>04-28</span>
                              </div>
                              <div className="new-main-item-right">
                                  <div className='new-main-item-right-title'>预计明天开盘，啦啦啦...</div>
                                  <img className='new-main-item-right-img' src="https://w.wallhaven.cc/full/y8/wallhaven-y8622k.jpg" alt="" />
                                  <div className='new-main-item-del'>删除</div>
                              </div>
                          </div>

                      </div>
                      <div className="new-main-item">
                          <div className="new-main-item-top">
                              <img src="https://w.wallhaven.cc/full/y8/wallhaven-y8622k.jpg" alt="" />
                              <span>王小强</span>
                          </div>
                          <div className='new-main-item-content'>
                              <div className="new-main-item-left">
                                  <span className='new-main-item-left-month'>4月</span>
                                  <span className='new-main-item-left-day'>04-28</span>
                              </div>
                              <div className="new-main-item-right">
                                  <div className='new-main-item-right-title'>预计明天开盘，啦啦啦...</div>
                                  <img className='new-main-item-right-img' src="https://w.wallhaven.cc/full/y8/wallhaven-y8622k.jpg" alt="" />
                                  <div className='new-main-item-del'>删除</div>
                              </div>
                          </div>
                          <div className='new-main-item-content'>
                              <div className="new-main-item-left">
                                  <span className='new-main-item-left-month'>4月</span>
                                  <span className='new-main-item-left-day'>04-28</span>
                              </div>
                              <div className="new-main-item-right">
                                  <div className='new-main-item-right-title'>预计明天开盘，啦啦啦...</div>
                                  <img className='new-main-item-right-img' src="https://w.wallhaven.cc/full/y8/wallhaven-y8622k.jpg" alt="" />
                                  <div className='new-main-item-del'>删除</div>
                              </div>
                          </div>

                      </div>
                  </div>
              </div>
          {/* </div> */}
    </div>
  )
}
export default Message;